ul {
    list-style: none;
}
ul li {
    list-style: none;
}

.treeview-ul {
    display: block;
}
.treeview-ul li .treeview-text{
    cursor: pointer;
    display: inline-block;
    margin-bottom: .3rem;
}
.treeview-ul li i:first-child {
    margin-right : 4px;
    cursor: pointer;
}
.treeview-ul.collapse {
    display: none;
}
.treeview-ul.expand {
    display: block;
}
.treeview-ul li .treeview-text {
    margin-left: 2px;
}
.treeview-ul .treeview-text.selected {
    border-radius: 2px;
    padding: 0 4px;
}
.treeview-ul .treeview-text.hover {
    border-radius: 3px;
    padding: 0 4px;
}
/**
* skin blue
*/
.treeview-ul.blue li i:first-child {
    color :rgb(52, 152, 219) /*#04b0ff*/;
}
.treeview-ul.blue .treeview-text.selected {
    background-color : rgb(37,140,209)/*#3DA0DB*/;
    /*border:1px solid #3A9DC6*//*#1ac7ff*/;
    color: rgb(255,255,255);
}
.treeview-ul.blue .treeview-text.hover {
    background-color: rgb(102,174,222);
    color: rgb(255,255,255);
}
/**
* skin red
*/
.treeview-ul.red li i:first-child {
    color :rgb(236, 112, 99) /*#04b0ff*/;
}
.treeview-ul.red .treeview-text.selected {
    background-color : rgb(233,91,76)/*#3DA0DB*/;
    /*border:1px solid #3A9DC6*//*#1ac7ff*/;
    color: rgb(255,255,255);
}
.treeview-ul.red .treeview-text.hover {
    background-color: rgb(239,140,129);
    color: rgb(255,255,255);
}
/**
* skin green
*/
.treeview-ul.green li i:first-child {
    color :rgb(26, 188, 156) /*#04b0ff*/;
}
.treeview-ul.green .treeview-text.selected {
    background-color : rgb(23,169,140)/*#3DA0DB*/;
    /*border:1px solid #3A9DC6*//*#1ac7ff*/;
    color: rgb(255,255,255);
}
.treeview-ul.green .treeview-text.hover {
    background-color: rgb(92,194,174);
    color: rgb(255,255,255);
}
/**
* skin yellow
*/
.treeview-ul.yellow li i:first-child {
    color :rgb(241, 196, 15) /*#04b0ff*/;
}
.treeview-ul.yellow .treeview-text.selected {
    background-color : rgb(218,177,13)/*#3DA0DB*/;
    /*border:1px solid #3A9DC6*//*#1ac7ff*/;
    color: rgb(255,255,255);
}
.treeview-ul.yellow .treeview-text.hover {
    background-color: rgb(229,200,85);
    color: rgb(255,255,255);
}
/**
* skin orange
*/
.treeview-ul.orange li i:first-child {
    color :rgb(243, 156, 18) /*#04b0ff*/;
}
.treeview-ul.orange .treeview-text.selected {
    background-color : rgb(224,142,11)/*#3DA0DB*/;
    /*border:1px solid #3A9DC6*//*#1ac7ff*/;
    color: rgb(255,255,255);
}
.treeview-ul.orange .treeview-text.hover {
    background-color: rgb(233,175,84);
    color: rgb(255,255,255);
}
/**
* skin aero
*/
.treeview-ul.aero li i:first-child {
    color :rgb(156,194,203) /*#04b0ff*/;
}
.treeview-ul.aero .treeview-text.selected {
    background-color : rgb(139,184,194);
    color: rgb(255,255,255);
}
.treeview-ul.aero .treeview-text.hover {
    background-color: rgb(173,205,212);
    color: rgb(255,255,255);
}
/**
* skin grey
*/
.treeview-ul.grey li i:first-child {
    color :rgb(149,165,166);
}
.treeview-ul.grey .treeview-text.selected {
    background-color : rgb(135,153,154);
    color: rgb(255,255,255);
}
.treeview-ul.grey .treeview-text.hover {
    background-color: rgb(171,183,184);
    color: rgb(255,255,255);
}
/**
* skin pink
*/
.treeview-ul.pink li i:first-child {
    color :rgb(175,123,197);
}
.treeview-ul.pink .treeview-text.selected {
    background-color : rgb(164,105,189);
    color: rgb(255,255,255);
}
.treeview-ul.pink .treeview-text.hover {
    background-color: rgb(191,150,208);
    color: rgb(255,255,255);
}
/**
* skin purple
*/
.treeview-ul.purple li i:first-child {
    color :rgb(150,137,178);
}
.treeview-ul.purple .treeview-text.selected {
    background-color : rgb(136,122,168);
    color: rgb(255,255,255);
}
.treeview-ul.purple .treeview-text.hover {
    background-color: rgb(171,161,194);
    color: rgb(255,255,255);
}

/**
*  Checkbox skin
*/
.icheck {
    cursor: pointer;
}
.icheck.orange {
    color: rgb(243, 156, 18);
}
.icheck.yellow {
    color: rgb(241, 196, 15);
}
.icheck.blue {
    color: rgb(52, 152, 219);
}
.icheck.green {
    color: rgb(26, 188, 156);
}
.icheck.red {
    color: rgb(236, 112, 99);
}
.icheck.aero {
    color: rgb(156,194,203);
}
.icheck.grey {
    color: rgb(149,165,166);
}
.icheck.pink {
    color: rgb(175,123,197);
}
.icheck.purple {
    color: rgb(150,137,178);
}
